﻿<%@ Page Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="frmRegistrarEvento.aspx.cs" Inherits="ddcCajamarca.Web.AgendaCultural.frmRegistrarEvento" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server"></asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="FeaturedContent" runat="server"></asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="server">
    
    <%-- Validacion para que los combos tengan un campo seleccionado --%>
    <script type="text/javascript">

        function ValidaDDL(source, arguments) {
            if (arguments.Value < 1) {
                arguments.IsValid = false;
            }
            else {
                arguments.IsValid = true;
            }
        }

    </script>
    
    <div class="col-lg-12">
        <div class="panel panel-primary">
            <div class="panel-heading">
                <h3><b>Registrar Evento</b></h3>
            </div>
            <div class="panel panel-body">
                <div class="col-lg-12">
                    <asp:HiddenField ID="hfIdEvento" runat="server" />

                    <asp:UpdatePanel ID="upEvento" runat="server">
                        <ContentTemplate>
                            <div class="row">
                                <div class="col-md-8">
                                    <b>Nombre</b>
                                    <asp:TextBox ID="tbxNombreEvento" CssClass="form-control input-sm" placeholder="Ejm: Exposición Pieza del Mes" runat="server" />
                                    <asp:RequiredFieldValidator ID="rfvNomEvento" runat="server" ControlToValidate="tbxNombreEvento" ErrorMessage=" Campo Necesario" ForeColor="Red"></asp:RequiredFieldValidator>
                                </div>
                                <div class="col-md-2">
                                    <b>Desde</b>
                                    <asp:TextBox ID="tbxFechInicio" CssClass="form-control input-sm date" runat="server" MaxLength="10" />
                                    <ajaxToolkit:CalendarExtender ID="aceFechInicio"
                                        runat="server" Enabled="True" TargetControlID="tbxFechInicio"
                                        Format="dd/MM/yyyy" TodaysDateFormat="dd/MM/yyyy">
                                    </ajaxToolkit:CalendarExtender>
                                    <asp:RequiredFieldValidator ID="rfvFechInicio" runat="server" ControlToValidate="tbxFechInicio" ErrorMessage=" Campo Necesario" ForeColor="Red"></asp:RequiredFieldValidator>
                                </div>
                                <div class="col-md-2">
                                    <b>Hasta</b>
                                    <asp:TextBox ID="tbxFechFin" CssClass="form-control input-sm date" runat="server" MaxLength="10" />
                                    <ajaxToolkit:CalendarExtender ID="aceFechFin"
                                        runat="server" Enabled="True" TargetControlID="tbxFechFin"
                                        Format="dd/MM/yyyy" TodaysDateFormat="dd/MM/yyyy">
                                    </ajaxToolkit:CalendarExtender>
                                    <asp:RequiredFieldValidator ID="rfvFechFin" runat="server" ControlToValidate="tbxFechFin" ErrorMessage=" Campo Necesario" ForeColor="Red"></asp:RequiredFieldValidator>
                                </div>
                            </div>
                            <%-- End row --%>
                            <div class="row">
                                <div class="col-md-3">
                                    <b>Tipo</b>
                                    <asp:DropDownList ID="ddlTipoEvento" CssClass="form-control input-sm"
                                        ItemType="ddcCajamarca.BusinessEntities.AgendaCultural.TipoEvento"
                                        SelectMethod="getTipoEvento"
                                        DataTextField="Nombre"
                                        DataValueField="Id"
                                        runat="server">
                                    </asp:DropDownList>
                                    <asp:CustomValidator ErrorMessage="Selecciona un Tipo" ForeColor="Red" ControlToValidate="ddlTipoEvento" ClientValidationFunction="ValidaDDL" ID="cvTipo" runat="server" />
                                </div>

                                <div class="col-md-4">
                                    <b>Lugar</b>
                                    <asp:DropDownList ID="ddlLugarEvento" CssClass="form-control input-sm"
                                        ItemType="ddcCajamarca.BusinessEntities.AgendaCultural.Ambiente"
                                        SelectMethod="getAmbientes"
                                        DataTextField="NombreAmbiente"
                                        DataValueField="Id"
                                        runat="server"
                                        OnSelectedIndexChanged="ddlLugarEvento_SelectedIndexChanged"
                                        AutoPostBack="true">
                                    </asp:DropDownList>
                                    <asp:CustomValidator ErrorMessage="Selecciona un Ambiente" ForeColor="Red" ControlToValidate="ddlLugarEvento" ClientValidationFunction="ValidaDDL" ID="cvAmbiente" runat="server" />
                                </div>
                                <div class="col-md-1">
                                    <asp:Label Text="Aforo" ID="lblCapacidad" runat="server" Visible="False" />
                                    <asp:TextBox ID="tbxCapacidad" CssClass="form-control input-sm" runat="server" Visible="False" Enabled="false" />
                                </div>

                                <div class="col-md-2">
                                    <b>Inicia</b>
                                    <asp:TextBox ID="tbxHoraInicio" CssClass="form-control input-sm time" placeholder="09:00" runat="server" value="" MaxLength="10" />
                                    <asp:RequiredFieldValidator ID="rfvHInicio" runat="server" ControlToValidate="tbxHoraInicio" ErrorMessage=" Campo Necesario" ForeColor="Red"></asp:RequiredFieldValidator>
                                </div>
                                <div class="col-md-2">
                                    <b>Finaliza</b>
                                    <asp:TextBox ID="tbxHoraFin" CssClass="form-control input-sm time" placeholder="13:00" runat="server" MaxLength="10" />
                                    <asp:RequiredFieldValidator ID="rfvHFin" runat="server" ControlToValidate="tbxHoraFin" ErrorMessage=" Campo Necesario" ForeColor="Red"></asp:RequiredFieldValidator>
                                </div>

                            </div>
                            <%-- End row --%>
                            <div class="row">
                                <div class="col-md-8">
                                    <b>Síntesis</b>
                                    <asp:TextBox ID="tbxSintesis" CssClass="form-control input-sm" placeholder="Ejm: Cerámico Chimú" runat="server" />
                                </div>
                                <div class="col-md-4">
                                    <b>Imagen </b>
                                    <asp:Label ID="lblImagen" Text="" runat="server" Visible="False" />
                                    <asp:FileUpload ID="fuFoto" CssClass="form-control input-sm" runat="server" />
                                </div>
                            </div>
                            <%-- End row --%>
                            <br />
                            <div class="row">
                                <div class="col-md-8">
                                    <b>Descripción</b>
                                    <asp:TextBox ID="tbxDescripcion" CssClass="form-control input-sm" placeholder="Descripción" runat="server" TextMode="MultiLine" />
                                </div>

                                <div class="col-md-3">
                                    <b>Modalidad</b>
                                    <asp:DropDownList ID="ddlModalidad" CssClass="form-control input-sm" runat="server"
                                        OnSelectedIndexChanged="ddlModalidad_SelectedIndexChanged" AutoPostBack="True">
                                        <asp:ListItem Text="[- Seleccona una Modalidad -]" />
                                        <asp:ListItem Text="Ingreso Libre" />
                                        <asp:ListItem Text="Precio de Entrada" />
                                    </asp:DropDownList>
                                    <asp:RequiredFieldValidator ID="rfvTipo" InitialValue="[- Seleccona una Modalidad -]"
                                        ControlToValidate="ddlModalidad"
                                        ErrorMessage=" Selecciona una Modalidad"
                                        ForeColor="Red"
                                        runat="server">
                                    </asp:RequiredFieldValidator>
                                </div>
                                <div class="col-md-1">
                                    <b>
                                        <asp:Label Text="Precio" ID="lblPrecio" runat="server" Visible="False" /></b>
                                    <asp:TextBox ID="tbxCosto" CssClass="form-control input-sm num" placeholder="10.00" runat="server" Visible="False" MaxLength="6" />
                                    <asp:RequiredFieldValidator ID="rfvCosto" runat="server" ControlToValidate="tbxCosto" ErrorMessage=" Campo Necesario" ForeColor="Red"></asp:RequiredFieldValidator>
                                </div>

                            </div>
                            <%-- End row --%>
                        </ContentTemplate>
                    </asp:UpdatePanel>

                    <br />
                    <div class="row">
                        <div class="col-md-12">
                            <div class="panel panel-primary">
                                <%--Start panel-heading--%>
                                <div class="panel panel-heading">
                                    <div class="row">
                                        <div class="col-sm-9">
                                            <h4><b>Todos</b></h4>
                                        </div>
                                    </div>
                                </div>
                                <%--End panel-heading--%>
                                <%--Start panel-body--%>
                                <div class="panel-body">
                                    <nav class="navbar navbar-default">
                                        <div class="container">
                                            <div class="form-group">
                                                <div class="row">
                                                    <div class="col-lg-6">
                                                        <label><b>Nombre:</b></label>
                                                        <asp:TextBox ID="tbxCriterio" CssClass="form-control" placeholder="Ejm: Universidad Privada del Norte" runat="server" />
                                                    </div>
                                                    <div class="col-lg-2">
                                                        <br />
                                                        <asp:Button ID="btnBuscarOrganizacion" Text="Buscar" CssClass="btn btn-default" runat="server" />
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                        <!-- /.container -->
                                    </nav>

                                    <asp:UpdatePanel ID="upOrganizaciones" runat="server">
                                        <ContentTemplate>
                                            <asp:ListView ID="lvOrganizaciones" runat="server"
                                                ItemType="ddcCajamarca.BusinessEntities.Directorio.Organizacion"
                                                SelectMethod="GetOrganizaciones" OnItemCommand="lvOrganizaciones_ItemCommand">
                                                <EmptyDataTemplate>
                                                    <h3 class="message-error" align="center"><b>No Hay Resultados Que Mostrar.</b></h3>
                                                </EmptyDataTemplate>
                                                <LayoutTemplate>
                                                    <div class="table-responsive">
                                                        <table class="table table-hover table-condensed ">
                                                            <thead>
                                                                <tr>
                                                                    <th>Nombre</th>
                                                                    <th>Teléfono</th>
                                                                    <th>E-mail</th>
                                                                    <th>Dirección</th>
                                                                    <th>Acciones</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                                <tr id="itemPlaceholder" runat="server" />
                                                            </tbody>
                                                        </table>
                                                        <asp:DataPager ID="dpOrganizaciones" PagedControlID="lvOrganizaciones" runat="server" PageSize="5">
                                                            <Fields>
                                                                <asp:NextPreviousPagerField
                                                                    ButtonType="Link"
                                                                    ShowFirstPageButton="true"
                                                                    ShowLastPageButton="true"
                                                                    ShowNextPageButton="true"
                                                                    ShowPreviousPageButton="true" />
                                                            </Fields>
                                                        </asp:DataPager>
                                                    </div>
                                                </LayoutTemplate>
                                                <ItemTemplate>
                                                    <tr>
                                                        <td><%#Item.Nombre %></td>
                                                        <td>
                                                            <%#Item.Telefono %><br />
                                                            <%#Item.Telefono2 %><br />
                                                        </td>
                                                        <td><%#Item.Email %></td>
                                                        <td><%#Item.Direccion %></td>
                                                        <td>
                                                            <asp:Button ID="btnAgregar" CssClass="btn btn-primary"
                                                                Text="Agregar"
                                                                CommandName="AddDetalle"
                                                                CommandArgument="<%#Item.Id %>"
                                                                runat="server" />
                                                        </td>
                                                    </tr>
                                                </ItemTemplate>
                                            </asp:ListView>
                                        </ContentTemplate>
                                        <Triggers>
                                            <asp:AsyncPostBackTrigger ControlID="btnBuscarOrganizacion" EventName="Click" />
                                        </Triggers>
                                    </asp:UpdatePanel>
                                </div>
                                <%--End panel-body--%>
                            </div>
                            <%-- End panel primary --%>
                        </div>
                    </div>
                    <%-- End row organizaciones --%>
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="panel panel-primary">
                                <%--Start panel-heading--%>
                                <div class="panel panel-heading">
                                    <div class="row">
                                        <div class="col-sm-9">
                                            <h4><b>Agregados</b></h4>
                                        </div>
                                    </div>
                                </div>
                                <%--End panel-heading--%>
                                <%--Start panel-body--%>
                                <div class="panel-body">
                                    <asp:UpdatePanel ID="upDetalle" runat="server">
                                        <ContentTemplate>
                                            <asp:ListView ID="lvDetalle" runat="server" OnItemCommand="lvDetalle_ItemCommand">
                                                <EmptyDataTemplate>
                                                    <table>
                                                        <tbody>
                                                            <tr>
                                                                <td>
                                                                    <h3 class="message-error" align="center"><b>No Se Han Agregados Elementos</b></h3>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </EmptyDataTemplate>
                                                <LayoutTemplate>
                                                    <div class="table-responsive">
                                                        <table class="table table-condensed table-hover table-responsive">
                                                            <thead>
                                                                <tr>
                                                                    <th>Nombre</th>
                                                                    <th>Teléfono</th>
                                                                    <th>E-mail</th>
                                                                    <th>Aporte</th>
                                                                    <th>Otros</th>
                                                                    <th>Tipo</th>
                                                                    <th>Acciones</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                                <tr id="itemPlaceholder" runat="server" />
                                                            </tbody>
                                                            <tfoot>
                                                                <tr>
                                                                    <td colspan="3">
                                                                        <asp:Button ID="btnActualizarDetalle" CssClass="btn btn-primary"
                                                                            Text="Actualizar"
                                                                            CommandName="ActualizarDetalle"
                                                                            runat="server" />
                                                                    </td>
                                                                    <td>
                                                                        <h3>S/.</h3>
                                                                    </td>
                                                                    <td>
                                                                        <h3>
                                                                            <asp:Label ID="lblTotal" runat="server" /></h3>
                                                                    </td>
                                                                </tr>
                                                            </tfoot>
                                                        </table>
                                                    </div>
                                                </LayoutTemplate>
                                                <ItemTemplate>
                                                    <tr>
                                                        <td><%#Eval("Organizacion.Nombre") %></td>
                                                        <td>
                                                            <%#Eval("Organizacion.Telefono") %><br />
                                                            <%#Eval("Organizacion.Telefono2") %>
                                                        </td>
                                                        <td><%#Eval("Organizacion.Email") %></td>
                                                        <td>
                                                            <asp:TextBox ID="tbxAporte" Text="<%# Bind('Aporte') %>" Width="50px" runat="server" CssClass="form-control" MaxLength="6" />
                                                            <asp:RequiredFieldValidator ID="rfvAporte" runat="server" ControlToValidate="tbxAporte" ErrorMessage=" Campo Necesario" ForeColor="Red"></asp:RequiredFieldValidator>
                                                            <asp:RegularExpressionValidator ID="revAporte"
                                                                runat="server" ErrorMessage="Solo números."
                                                                ControlToValidate="tbxAporte" ValidationExpression="^\d+(\.\d\d)?$"
                                                                ForeColor="Red">
                                                            </asp:RegularExpressionValidator>
                                                        </td>
                                                        <td>
                                                            <asp:TextBox ID="tbxOtros" Text="<%# Bind('Otros') %>" Width="130px" runat="server" CssClass="form-control" placeholder="Ejm: Paquete de Gaseosa" TextMode="MultiLine" MaxLength="500" />
                                                        </td>
                                                        <td>
                                                            <asp:TextBox ID="tbxTipoOrganizacion" Text="<%# Bind('Tipo') %>" Width="130px" runat="server" CssClass="form-control" placeholder="Patrocinador" MaxLength="20" />
                                                            <asp:RegularExpressionValidator ID="revTipoOrganizacion"
                                                                runat="server" ErrorMessage="Solo letras."
                                                                ControlToValidate="tbxTipoOrganizacion" ValidationExpression="^[a-zA-Z''-'\s]{1,40}$"
                                                                ForeColor="Red">
                                                            </asp:RegularExpressionValidator>
                                                        </td>
                                                        <td>
                                                            <asp:Button ID="btnQuitar" CssClass="btn btn-danger"
                                                                Text="Quitar"
                                                                CommandName="QuitarDetalle"
                                                                CommandArgument='<%#Eval("OrganizacionId") %>'
                                                                runat="server" />
                                                        </td>
                                                    </tr>
                                                </ItemTemplate>
                                            </asp:ListView>
                                        </ContentTemplate>
                                        <Triggers>
                                            <asp:AsyncPostBackTrigger ControlID="lvOrganizaciones" EventName="ItemCommand" />
                                            <asp:AsyncPostBackTrigger ControlID="lvDetalle" EventName="ItemCommand" />
                                        </Triggers>
                                    </asp:UpdatePanel>
                                </div>
                                <%--End panel-body--%>
                            </div>
                            <%-- End panel primary --%>
                        </div>
                    </div>
                    <%-- End row Detalle --%>

                </div>
            </div>
            <div class="modal-footer">
                <a class="btn btn-default" href="frmListarEventos.aspx">Cancelar</a>
                <asp:Button ID="btnGuardarEvento" Text="Guardar" runat="server" OnClick="btnGuardarEvento_Click" CssClass="btn btn-primary" />
            </div>

        </div>
    </div>
    
    <%-- Script Relog--%>
    <link rel="stylesheet" href="../Scripts/plugin/TimePicker/css/jquery-ui.css">
    <script src="../Scripts/plugin/TimePicker/js/jquery-1.11.0.js"></script>
    <script src="../Scripts/plugin/TimePicker/js/jquery-ui.js"></script>
    <script src="../Scripts/plugin/TimePicker/js/jquery-ui-timepicker-addon.js"></script>
    
    <script>
        $(function () {
            $('.time').timepicker({
                ampm: true,
                dateFormat: 'yy-mm-dd',
                timeFormat: 'hh:mm TT'
            });
            
        });
    </script>

    <%-- End Script --%>
    
    <script>
        $(document).ready(function () {
            //Para validar que el campo de fecha solo acepte numeros y el /
            $('.date').keyup(function () {
                this.value = this.value.replace(/[^0-9/]/g, '');
            });
            
            //Para que solo ingrese numeros
            $('.num').keyup(function () {
                this.value = this.value.replace(/[^0-9.]/g, '');
            });
        });
    </script>

</asp:Content>
